<!--
 * @Author: yxiawen
 * @Date: 2022-01-15 17:26:22
 * @LastEditTime: 2022-01-15 17:26:22
 * @LastEditors: yxiawen
 * @Description: 
 * @FilePath: /vite-project/src/views/unitMgt/unitMgt.vue
-->
<template>
  <div class="">unitMgt</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

import { reactive, onMounted, toRefs, onBeforeMount, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted, onActivated, onDeactivated, onErrorCaptured } from "vue";
export default {
  name: "",
  //import引入的组件需要注入到对象中才能使用
  components: {},
  setup() {
    const state = reactive({});
    onBeforeMount(() => {});
    // 在组件的第一次渲染后调用，该元素现在可用，允许直接DOM访问
    onMounted(() => {});
    // 数据更新时调用，发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器
    onBeforeUpdate(() => {});
    // DOM更新后，updated的方法即会调用。
    onUpdated(() => {});
    // 在卸载组件实例之前调用。在这个阶段，实例仍然是完全正常的。在选项API中，可删除事件侦听器。
    onBeforeUnmount(() => {});
    // 卸载组件实例后调用。调用此钩子时，组件实例的所有指令都被解除绑定，所有事件侦听器都被移除，所有子组件实例被卸载。
    onUnmounted(() => {});
    // 被keep-alive缓存的组件激活时调用。
    onActivated(() => {});
    // 被keep-alive缓存的组件停用时调用。
    onDeactivated(() => {});
    // 处理错误机制
    onErrorCaptured(() => {});
    return {
      ...toRefs(state)
    };
  }
};
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
</style>
